<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #parContent{
            width: 200px;
            height: 400px;
            background-color: #a7fffd;
            overflow: hidden;
        }
        #parContent div{
            min-height: 40px;
            background-color: #f1bbff;
            text-align: center;
            line-height: 40px;
            margin-top: 4px;
        }
    </style>
</head>
<body>
   <div id="parContent">
          <div draggable="true">text1</div>
          <div draggable="true">text2</div>
          <div draggable="true">text3</div>
          <div draggable="true">text4</div>
          <div draggable="true">text5</div>
          <div draggable="true">text6</div>
   </div>
</body>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        $("#parContent").on("dragstart",function (ev) {
            var e=ev||event;
            var evData=e.originalEvent.dataTransfer;
            evData.effectAllowed="move";
            evData.setData("moveTarget",e.target.outerHTML);
        });
        $("#parContent").on("drag",function (ev) {
            var e=ev||event;
             $(e.target).hide();

             console.log(e);
        });
        $("#parContent").on("dragend",function (ev) {
            var e=ev||event;
            $(e.target).hide();
        });

        $("#parContent").on("dragover",function (ev) {
            var e=ev||event;
            e.preventDefault();
        });

        $("#parContent").on("drop",function (ev) {
            var e=ev||event;
            var evData=e.originalEvent.dataTransfer;
            evData.effectAllowed="move";
            var data=evData.getData("moveTarget");

            $(this).append(data);
            return false;
        });
        $("#parContent div").on("drop",function (ev) {
            var e=ev||event;
            var evData=e.originalEvent.dataTransfer;
            evData.effectAllowed="move";
            var data=evData.getData("moveTarget");

            $(this).append(data);

            return false;
        })

    </script>
</html>